.el-menu {
  border: none;
  max-width: 200px;

  .iconfont {
    color: #fff;
    font-size: 16px;
    margin-right: 10px;
  }

  .el-submenu__title {

    width: 200px;
    height: 49px;

    &:hover {
      background: rgb(69, 90, 142) !important;
    }

    i.el-submenu__icon-arrow {
      color: #ddd;
      font-size: 15px;
    }
    span{
      font-size: 18px;
    }
  }

  .el-menu-item:hover {
    background: rgb(69, 90, 142) !important;
  }

  .el-menu-item-group__title {
    padding: 0;
  }

  
}

.el-breadcrumb {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin-left: 5px;

  .el-breadcrumb__inner {
    &.is-link {
      display: inline-block;
      font-weight: normal;
      color: #424040 !important;
    }
  }

  .is-last-link .is-link {
    font-weight: normal;
    color: #999 !important;
  }
}

.sidebar-container {
  transition: width .28s;
  width: 180px;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.5)
}

.sidebar-container.navCollapsed {
  width: 63px;
}

.navCollapsed {
  .el-submenu {
    &>.el-submenu__title {
      &>span {
        display: none;
      }

      .el-submenu__icon-arrow {
        display: none;
      }
    }
  }

}

.el-message-box{
  max-width: 350px;
}

.el-form-item__error{
  top: 85%;
}